<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>60To80 CMS - Ingreso</title>
<link href="${pageContext.request.contextPath}/css/controlPanel/comunEstilo.css" rel="stylesheet" type="text/css" />
<script src="${pageContext.request.contextPath}/js/jquery/jquery-1.4.4.js" charset="UTF-8"></script>
<script src="${pageContext.request.contextPath}/js/controlPanel/comunJs.js" charset="UTF-8"></script>
<style type="text/css">


.divTransparenciaFormularioLogin
{              
	z-index: 5;           
	width: 100%; 
	height: 100%;
	top: 0;
	left: 0;
}


.divCuerpoFormularioLogin
{
	margin-top: 1.25em;
	width: 22.5em;
	height: 8.125em;
	background-color: #ffffff;
	border: 0.08em solid #DDDDDD;
	padding: 1.5em;
}

.divEspacioFormularioLogin
{	
	height: 0.5em;
	clear: both;
}

.divFilaFormularioLogin
{
	clear: both;
	border: 1px solid #DDDDDD;
	height: 1.5em;
}

.inpTxtFormularioLogin
{
	width: 20.5em;
	font-size: 1em;
	border: 0;
	background-color: #FFFFFF;
	float: right;
}

.divMensajeFormularioLogin
{
	text-align: center;
	clear: both;
	color: red;
}

.divImgFormularioLogin
{
	float: left;
	padding: 0.2em;
}

.imgFormularioLogin
{
	width: 1em;
	height: 1em;
}

.divBtnFormularioLogin
{
	clear: both;
	height: 1.5em;
	text-align: right;
}
</style>
<script type="text/javascript">
jQuery(document).ready(function() {
	$('#frmLoginFormularioLogin').submit(function() {
		return ingresarLogin();
	});   
	$("#strLoginUsuario").focus();                                                         
}); 

// intOp: 1 = login normal, 2 = login modal
function ingresarLogin(){     
	if($.trim($("#strLoginUsuario").val()).length > 0 && $.trim($("#strClaveUsuario").val()).length > 0){
		$("#btnIngresarFormularioLogin").attr("disabled",true);
		$("#btnIngresarFormularioLogin").unbind("click");
		$("#imgCargador1FormularioLogin").show();
		return true;
	} else{
		$("#divMensaje1FormularioLogin").html("Ingrese usuario y clave.");
		$("#strLoginUsuario").focus();
	}
	return false;
}


// intOp: 1 = login principal, 2 = login modal
function limpiarFormularioLogin(){
	$("#divMensaje1FormularioLogin").empty();
	$("#imgCargador1FormularioLogin").hide();
	$("#btnIngresarFormularioLogin").attr("disabled",false);
	$("#strLoginUsuario").val("");
	$("#strClaveUsuario").val("");
	$("#strLoginUsuario").focus();
}
</script>
</head>
<body>
	<div id="divGeneralFormularioLogin" class="divGeneralDefecto" align="center" > 
		<div class="divCuerpoFormularioLogin bordeRedondeado">
			<form id="frmLoginFormularioLogin" action="<s:url action="act_login" namespace="/controlPanel/ingreso"   />" method="post" >
				<div id="divMensaje1FormularioLogin" class="divMensajeFormularioLogin">
					${strResultadoFormularioLogin}
				</div>
				<div class="divEspacioFormularioLogin"></div>
				<div class="divFilaFormularioLogin bordeRedondeado">
					<div class="divImgFormularioLogin">
						<img class="imgFormularioLogin" src="${pageContext.request.contextPath}/imagenes/controlPanel/usuario.jpg"/>
					</div>
					<!-- para chrome y safari se agrega un width y font-size adicional, ya que el font-family que se quiere asignar agranda un poco mas la letra y por consiguiente la caja de texto -->
					<input type="text" class="inpTxtFormularioLogin" style="width: 21.5em; font-size: 0.95em;" id="strLoginUsuario" name="strLoginUsuario" maxlength="50" value="${strLoginUsuario}" /> 
				</div>
				<div class="divEspacioFormularioLogin"></div>
				<div class="divFilaFormularioLogin bordeRedondeado">
					<div class="divImgFormularioLogin">
						<img class="imgFormularioLogin" src="${pageContext.request.contextPath}/imagenes/controlPanel/clave.bmp"/>
					</div>
					<input type="password" class="inpTxtFormularioLogin" id="strClaveUsuario" name="strClaveUsuario" maxlength="50" />
				</div>
				<div class="divEspacioFormularioLogin"></div>
				<div class="divBtnFormularioLogin" >
					<img  id="imgCargador1FormularioLogin" class="imgCargadorDefecto" src="${pageContext.request.contextPath}/imagenes/controlPanel/cargador.gif" />
					<button id="btnIngresarFormularioLogin" type="submit" class="btnDefecto bordeRedondeado" >Ingresar</button>
				</div>
				<input type="hidden" value="A" name="scr" />
			</form>
		</div>
	</div>
</body>
</html>